<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>简易文章管理系统</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<%-- 自定义CSS样式 --%>
		<link href="mycss/heng-loading.css" rel="stylesheet" type="text/css" />
		<link href="mycss/heng-icon.css" rel="stylesheet" type="text/css" />

		<%-- Ext必需的js/css文件 --%>
		<link href="resources/css/ext-all.css" rel="stylesheet"
			type="text/css" />
		<link href="resources/css/file-upload.css" rel="stylesheet"
			type="text/css" />
		<script language="javascript" src="extjs/ext-base.js"></script>
		<script language="javascript" src="extjs/ext-all.js"></script>
		<script language="javascript" src="extjs/ext-lang-zh_CN.js"></script>
		<script language="javascript" src="extjs/TabCloseMenu.js"></script>
		<script language="javascript" src="extjs/FileUploadField.js"></script>

		<!-- 自定义工具类 -->
		<script type="text/javascript" src="myjs/utils/GridPanelUtils.js"></script>
		<%-- 主页 --%>
		<script type="text/javascript" src="myjs/IndexPage.js"></script>
		
		<%-- 文章管理模块 --%>
		<script type="text/javascript" src="myjs/article/AddArticleWindow.js"></script>
		<script type="text/javascript" src="myjs/article/ArticleForm.js"></script>
		<script type="text/javascript" src="myjs/article/ArticleGridPanel.js"></script>
		<script type="text/javascript" src="myjs/article/EditArticleWindow.js"></script>
		
		<script type="text/javascript">
		Ext.onReady(function(){
           	<%-- 加载效果 --%>
			setTimeout(function() {
				Ext.get('loading').remove();
				Ext.get('loading-mask').fadeOut({remove:true});
			}, 1000); 
	       	<%-- 开启提示 --%>
	        Ext.QuickTips.init() ;
			Ext.form.Field.prototype.msgTarget = "side" ;
			<%-- 实例化主页 --%>
		    var _index= new IndexPage();
		    <%-- 窗体大小改变延时事件 --%>
	        window.onresize=function(){
		        <%-- 过100毫秒在执行  --%>
		        setTimeout(_index.onActiveTabSize,100);
	        };
	  	});
	</script>
	</head>

	<body>
		<div id="loading">
			<div class="loading-indicator">
				<img src="images/extanim32.gif" alt="" width="32" height="32"
					style="margin-right: 8px;" align="middle" />
				正在加载,请稍候......
			</div>
		</div>
		<div id="loading-mask">
		</div>
	</body>
</html>
